

<body style="background-color: #999">
<div style="padding: 0px 0px 0px 0px; background-color: #000">
	<img src="//awesometelenp.appspot.com/static/bitmap/tab_controls.png" 
	alt="CONTROLS" onclick="trySetupControls()" id="tabControls">
	<img src="//awesometelenp.appspot.com/static/bitmap/tab_setup_unselected.png" 
	alt="SETUP" onclick="trySetupText()" id="tabText">
	<img src="//awesometelenp.appspot.com/static/bitmap/tab_map_unselected.png" 
	alt="MAP" onclick="trySetupMap()" id="tabMap">
</div>
<div style="float: left; padding: 0px 20px; background-color: #999"
	id="setupControls">


	<br>
	<table border="0" id="padTable">
	<tr>
	<td></td>
	<td><img src="//awesometelenp.appspot.com/static/bitmap/button_up.png" 
		onmousedown="tryUpClick()" onmouseup="tryClearTimer()" onmouseout="tryClearTimer()" 
		alt="CLICK"></td>
	<td></td>
	</tr>
	<tr>
	<td><img src="//awesometelenp.appspot.com/static/bitmap/button_left.png" 
		onmousedown="tryLeftClick()" onmouseup="tryClearTimer()" onmouseout="tryClearTimer()" 
		alt="CLICK"></td>
	<td id="middleButtonHtml"><img src="//awesometelenp.appspot.com/static/bitmap/button_center.png"  
		onmousedown="tryStopClick()" alt="CLICK" id="middleButtonSrc"></td>
	<td><img src="//awesometelenp.appspot.com/static/bitmap/button_right.png" 
		onmousedown="tryRightClick()" onmouseup="tryClearTimer()" onmouseout="tryClearTimer()" 
		alt="CLICK"></td>
	</tr>
	<tr>
	<td></td>
	<td><img src="//awesometelenp.appspot.com/static/bitmap/button_down.png"  
		onmousedown="tryDownClick()" onmouseup="tryClearTimer()" onmouseout="tryClearTimer()" 
		alt="CLICK"></td>
	<td></td>
	</tr>
	</table>

  <br>
  
<div style="clear: both; background-color:#aaaaaa" id="alertText">
	<b style="color:green;font-size:10pt">[free] </b>
	<b style="color:green;font-size:10pt">[running] </b>
	<b style="color:green;font-size:10pt">[clear]</b>
</div>  
  
<div style="clear: both; background-color:#aaaaaa; display:none" id="controllerText">
	<input type=checkbox value="Controller" id="setController"
        onClick="tryControllerClick()">Controller Node?</input><br>
</div>
  
  <table border="0" id="turtlebotTable">
  <tr><td>
	<b>Start:</b><br>
  <input type=checkbox value="Turtlebot" id="setTurtlebot"
        onClick="tryTurtlebotClick()">Turtlebot Node?</input><br>
       
	</td></tr><tr><td>
	<b>Message Type:</b><br>
	<form action="">
	<input type="radio" name="message" id="messageString" 
	value="string" onclick="tryRadioClick()" >String<br>
	
	<input type="radio" name="message" id="messageTwist" 
	value="cmdvel" onclick="tryRadioClick()">Twist<br>
	
	<input type="radio" name="message" id="messageStamped" 
	value="velocity" onclick="tryRadioClick()">TwistStamped
	</form>
	</td></tr>
	</table>
<br>
</div>

<div style="clear: both; background-color:#aaaaaa; display: none;" id="monitorDiv">
	<br>
	TURTLEBOT MONITOR:
</div>

<div style="clear: both; background-color:#aaaaaa; display: none;" id="setupText">
	<br>
	TURTLEBOT SETUP:
</div>
<!-- /body tag is now after 'app-map.html' code -->
